/* 
    Document   : Style
    Created on : Feb 5, 2012, 3:02:05 PM
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* CSS Index  */

body{padding:0px; margin:0px; background:url(../images/mainbg.gif) 0 0 repeat-x #CCCCCC; color:#666; font:12px/20px "Arial", Helvetica, sans-serif;}
#LayerLogo {
	position:absolute;
	background:url(../images/Logo.bmp);
	left:6px;
	top:10px;
	width:164px;
	height:150px;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
}
#LayerBanner
{
	position:absolute;
	left:180px;
	background-image: url(../images/banner.bmp);
	top:10px;
	width:756px;
	height:150px;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
}
#LayerMenu
{
	position:absolute;
	left:6px;
	top:177px;
	width:932px;
	height:50px;

}
#LayerBody
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:940px;
	height: 1700px;
}
#LayerLeft
{
	position:absolute;
	left:6px;
        top:232px;
	width:160px;
	background:#FFFFFF;
	border-bottom:1px solid #E3DDCD;
	border-left:1px solid #E3DDCD;
	border-right:1px solid #E3DDCD;
	border-top:1px solid #E3DDCD;
        height: 500px;
}
#LayerMain
{
	position:absolute;
	background:#FFFFFF;
	left:172px;
	top:232px;
	width:553px;
	border-bottom:1px solid #E3DDCD;
	border-left:1px solid #E3DDCD;
	border-right:1px solid #E3DDCD;
	border-top:1px solid #E3DDCD;
        height: 500px;
}
#LayerRight
{
	position:absolute;
	background:#FFFFFF;
	left:734px;
	top:232px;
        height: 500px;
	width:200px;
	border-bottom:1px solid #E3DDCD;
	border-left:1px solid #E3DDCD;
	border-right:1px solid #E3DDCD;
	border-top:1px solid #E3DDCD;
}
#LayerFooter
{
	position:absolute;
	left:5px;
	bottom:10px;
	width:928px;
	height:130px;
	background:#FFFFFF;
	color:#000000;
	border-bottom:1px solid #E3DDCD;
	border-left:1px solid #E3DDCD;
	border-right:1px solid #E3DDCD;
	border-top:1px solid #E3DDCD;
}
/*
#LayerMenu ul
{
	width:900px;
	height:50px;
	position:absolute;
	top:9px;
	left: -46px;
}
#LayerMenu ul li
{
	width:78px;
 	height:30px;
	float:left;
}
#LayerMenu ul li a
{
	width:76px;
	text-transform:uppercase;
	height:32px;
	display:block;
	background:url(../images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4;
	color:#666666;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:32px;
	margin:0 2px 0 0;
}
#LayerMenu ul li a:hover
{
	background:url(../images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4;
	color:#FFFFFF;

	text-decoration:none;
}*/
#LayerLeft ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;

}
#LayerLeft ul li
{
	width:159px;
	height:21px;
  	border-bottom:1px dashed #E3DDCD;
  	left:0px;
}
#LayerLeft ul li a
{
	width:145px;
	height:21px;
	display:block;
	background:url(../images/arrow1.gif) 5px 8px no-repeat #FFFCF4;
	color:#0099FF;
	font:13px/22px Arial, Helvetica, sans-serif;
	
	text-decoration:none;
	padding:0 0 0 15px;
}

body a
{
	color:#0000FF;
	text-decoration:none;
}
body a:hover
{
	color:#666666;

	text-decoration:none;
}
#LayerMain a:visited
{
 	color:#0000FF;
	text-decoration:none;
}
#LayerLeft ul li a:hover
{
	background:url(../images/arrow3.gif) 5px 8px no-repeat #CCCCCC;
	color:#FF0000;
	background-color:#CCCCCC;
	text-decoration:none;
	padding:0 0 0 15px;
}
#Li
{
background:url(../images/Seperator.gif);

	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}
#Layer1 {
	position:absolute;
	left:8px;
	top:6px;
	width:537px;
	height:151px;
	background-color:#FFFFFF;
	border:1px solid;
}
#Layer2 {
	position:absolute;
	left:8px;
	top:173px;
	width:539px;
	height:669px;
	border:1px solid;
}
#Layer3 {
	position:absolute;
	left:9px;
	top:914px;
	width:537px;
	height:445px;
	border:1px solid;
}
#Layer4 {
	position:absolute;
	left:7px;
	top:712px;
	width:538px;
	height:79px;
	border:1px solid;
}
#Layer5 {
	position:absolute;
	left:7px;
	top:1065px;
	width:538px;
	height:81px;
	border:1px solid;

}
#Layer6 {
	position:absolute;
	left:8px;
	top:1185px;
	width:538px;
	height:535px;
	border:1px solid;
}
#Layer7 {
	position:absolute;
	left:7px;
	top:1573px;
	width:537px;
	height:372px;
	border:1px solid;
}
#Layer8 {
	position:absolute;
	left:6px;
	top:1479px;
	width:540px;
	height:88px;
	border:1px solid;
}

#border td {
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;

}
img {border:none;}
#Bi a
{
	color:#0099FF;
	font:11px/22px Arial, Helvetica, sans-serif;


}
#Bi a:hover
{
	color:#FF0000;


}
.bg {background: url(../images/button4.gif);}
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(../images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(../images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(../images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(../images/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(../images/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(../images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(../images/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}
#divMenubar-Students{
    float:left;
    margin-left:0px;
    margin-top:10px;
}
#divMenubar-Students ul{
    list-style:none;
    margin-top:25px;
}
#divMenubar-Students ul li a {
    font-size:1.0em;
    color:red;
    text-decoration:none;
}
#divMenubar-Students ul li a:visited {color:red;}
#divMenubar-Students ul li a:hover {color:magenta; text-decoration:underline;}
#divMenubar-Students ul li a:active {color:#C7A317}
#header
{
    background: url(../images/top.png) no-repeat;
    text-align: center;
    font-weight: bold;
    color: black;
    font-size: 13px;
    height: 25px;
}
#header2
{
    background: url(../images/topmain.png) no-repeat;
    text-align:center;
    font-weight: bold;
    font-size: 13px;
    color: black;
    height: 25px;

}
#headerTable
{
    background-color: #999999;
    color: black;
}
#rowTable
{
    background-color:#CCCCCC;
    color:black;
}